
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">27</td>
		    	<td class="value error-col-3 total ko">96.429 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">1</td>
		    	<td class="value error-col-3 total ko">3.571 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['21', '64', '107', '150', '192', '235', '278', '320', '363', '406', '449', '491', '534', '577', '620', '662', '705', '748', '791', '833', '876', '919', '961', '1004', '1047', '1090', '1132', '1175', '1218', '1261', '1303', '1346', '1389', '1431', '1474', '1517', '1560', '1602', '1645', '1688', '1731', '1773', '1816', '1859', '1901', '1944', '1987', '2030', '2072', '2115', '2158', '2201', '2243', '2286', '2329', '2372', '2414', '2457', '2500', '2542', '2585', '2628', '2671', '2713', '2756', '2799', '2842', '2884', '2927', '2970', '3012', '3055', '3098', '3141', '3183', '3226', '3269', '3312', '3354', '3397', '3440', '3482', '3525', '3568', '3611', '3653', '3696', '3739', '3782', '3824', '3867', '3910', '3953', '3995', '4038', '4081', '4123', '4166', '4209', '4252', '4294'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  67.85,7.14,3.57,0.0,0.0,0.0,0.0,3.57,0.0,0.0,0.0,0.0,0.0,3.57,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,3.57,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,3.57,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,3.57,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,3.57,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692803043,null],[1692803044,null],[1692803045,null],[1692803046,null],[1692803047,null],[1692803048,null],[1692803049,null],[1692803050,null],[1692803051,null],[1692803052,null],[1692803053,null],[1692803054,null],[1692803055,null],[1692803056,null],[1692803057,null],[1692803058,null],[1692803059,null],[1692803060,null],[1692803061,null],[1692803062,null],[1692803063,null],[1692803064,null],[1692803065,null],[1692803066,null],[1692803067,null],[1692803068,null],[1692803069,null],[1692803070,null],[1692803071,null],[1692803072,null],[1692803073,null],[1692803074,null],[1692803075,null],[1692803076,null],[1692803077,null],[1692803078,null],[1692803079,null],[1692803080,null],[1692803081,null],[1692803082,null],[1692803083,null],[1692803084,null],[1692803085,null],[1692803086,null],[1692803087,null],[1692803088,null],[1692803089,null],[1692803090,null],[1692803091,null],[1692803092,null],[1692803093,null],[1692803094,null],[1692803095,null],[1692803096,null],[1692803097,null],[1692803098,null],[1692803099,null],[1692803100,null],[1692803101,null],[1692803102,null],[1692803103,null],[1692803104,null],[1692803105,null],[1692803106,null],[1692803107,null],[1692803108,null],[1692803109,null],[1692803110,null],[1692803111,null],[1692803112,null],[1692803113,null],[1692803114,null],[1692803115,null],[1692803116,null],[1692803117,null],[1692803118,null],[1692803119,null],[1692803120,null],[1692803121,null],[1692803122,null],[1692803123,null],[1692803124,null],[1692803125,null],[1692803126,null],[1692803127,null],[1692803128,null],[1692803129,null],[1692803130,null],[1692803131,null],[1692803132,null],[1692803133,null],[1692803134,null],[1692803135,null],[1692803136,null],[1692803137,null],[1692803138,null],[1692803139,null],[1692803140,null],[1692803141,null],[1692803142,null],[1692803143,null],[1692803144,null],[1692803145,null],[1692803146,null],[1692803147,null],[1692803148,null],[1692803149,null],[1692803150,null],[1692803151,null],[1692803152,null],[1692803153,null],[1692803154,null],[1692803155,null],[1692803156,null],[1692803157,null],[1692803158,null],[1692803159,null],[1692803160,null],[1692803161,null],[1692803162,null],[1692803163,null],[1692803164,null],[1692803165,null],[1692803166,null],[1692803167,null],[1692803168,null],[1692803169,null],[1692803170,null],[1692803171,null],[1692803172,null],[1692803173,null],[1692803174,null],[1692803175,null],[1692803176,null],[1692803177,null],[1692803178,null],[1692803179,null],[1692803180,null],[1692803181,null],[1692803182,null],[1692803183,null],[1692803184,null],[1692803185,null],[1692803186,null],[1692803187,null],[1692803188,null],[1692803189,null],[1692803190,null],[1692803191,null],[1692803192,null],[1692803193,null],[1692803194,null],[1692803195,null],[1692803196,null],[1692803197,null],[1692803198,null],[1692803199,null],[1692803200,null],[1692803201,null],[1692803202,null],[1692803203,null],[1692803204,null],[1692803205,null],[1692803206,null],[1692803207,null],[1692803208,null],[1692803209,null],[1692803210,null],[1692803211,null],[1692803212,null],[1692803213,null],[1692803214,null],[1692803215,null],[1692803216,null],[1692803217,null],[1692803218,null],[1692803219,null],[1692803220,null],[1692803221,null],[1692803222,null],[1692803223,null],[1692803224,null],[1692803225,null],[1692803226,null],[1692803227,null],[1692803228,null],[1692803229,null],[1692803230,null],[1692803231,null],[1692803232,null],[1692803233,null],[1692803234,null],[1692803235,null],[1692803236,null],[1692803237,null],[1692803238,null],[1692803239,null],[1692803240,null],[1692803241,null],[1692803242,null],[1692803243,null],[1692803244,null],[1692803245,null],[1692803246,null],[1692803247,null],[1692803248,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692803043,[0,0,0]],[1692803044,[0,0,0]],[1692803045,[0,0,0]],[1692803046,[0,0,0]],[1692803047,[0,0,0]],[1692803048,[0,0,0]],[1692803049,[0,0,0]],[1692803050,[0,0,0]],[1692803051,[0,0,0]],[1692803052,[0,0,0]],[1692803053,[0,0,0]],[1692803054,[0,0,0]],[1692803055,[0,0,0]],[1692803056,[0,0,0]],[1692803057,[0,0,0]],[1692803058,[0,0,0]],[1692803059,[0,0,0]],[1692803060,[0,0,0]],[1692803061,[0,0,0]],[1692803062,[0,0,0]],[1692803063,[0,0,0]],[1692803064,[0,0,0]],[1692803065,[0,0,0]],[1692803066,[0,0,0]],[1692803067,[1,0,1]],[1692803068,[0,0,0]],[1692803069,[0,0,0]],[1692803070,[0,0,0]],[1692803071,[0,0,0]],[1692803072,[0,0,0]],[1692803073,[0,0,0]],[1692803074,[0,0,0]],[1692803075,[0,0,0]],[1692803076,[0,0,0]],[1692803077,[1,0,1]],[1692803078,[0,0,0]],[1692803079,[1,0,1]],[1692803080,[0,0,0]],[1692803081,[0,0,0]],[1692803082,[0,0,0]],[1692803083,[0,0,0]],[1692803084,[0,0,0]],[1692803085,[0,0,0]],[1692803086,[0,0,0]],[1692803087,[0,0,0]],[1692803088,[0,0,0]],[1692803089,[1,0,1]],[1692803090,[1,0,1]],[1692803091,[0,0,0]],[1692803092,[0,0,0]],[1692803093,[0,0,0]],[1692803094,[0,0,0]],[1692803095,[0,0,0]],[1692803096,[0,0,0]],[1692803097,[0,0,0]],[1692803098,[0,0,0]],[1692803099,[0,0,0]],[1692803100,[0,0,0]],[1692803101,[1,0,1]],[1692803102,[0,0,0]],[1692803103,[1,0,1]],[1692803104,[0,0,0]],[1692803105,[0,0,0]],[1692803106,[0,0,0]],[1692803107,[0,0,0]],[1692803108,[0,0,0]],[1692803109,[0,0,0]],[1692803110,[0,0,0]],[1692803111,[0,0,0]],[1692803112,[0,0,0]],[1692803113,[1,0,1]],[1692803114,[1,0,1]],[1692803115,[0,0,0]],[1692803116,[0,0,0]],[1692803117,[0,0,0]],[1692803118,[0,0,0]],[1692803119,[0,0,0]],[1692803120,[0,0,0]],[1692803121,[0,0,0]],[1692803122,[0,0,0]],[1692803123,[0,0,0]],[1692803124,[0,0,0]],[1692803125,[1,0,1]],[1692803126,[0,0,0]],[1692803127,[0,0,0]],[1692803128,[0,0,0]],[1692803129,[0,0,0]],[1692803130,[0,0,0]],[1692803131,[0,0,0]],[1692803132,[0,0,0]],[1692803133,[0,0,0]],[1692803134,[0,0,0]],[1692803135,[0,0,0]],[1692803136,[0,0,0]],[1692803137,[1,0,1]],[1692803138,[0,0,0]],[1692803139,[0,0,0]],[1692803140,[0,0,0]],[1692803141,[0,0,0]],[1692803142,[0,0,0]],[1692803143,[0,0,0]],[1692803144,[0,0,0]],[1692803145,[0,0,0]],[1692803146,[0,0,0]],[1692803147,[0,0,0]],[1692803148,[1,0,1]],[1692803149,[1,0,1]],[1692803150,[0,0,0]],[1692803151,[0,0,0]],[1692803152,[0,0,0]],[1692803153,[0,0,0]],[1692803154,[0,0,0]],[1692803155,[0,0,0]],[1692803156,[0,0,0]],[1692803157,[0,0,0]],[1692803158,[0,0,0]],[1692803159,[0,0,0]],[1692803160,[1,0,1]],[1692803161,[0,0,0]],[1692803162,[1,0,1]],[1692803163,[0,0,0]],[1692803164,[0,0,0]],[1692803165,[0,0,0]],[1692803166,[0,0,0]],[1692803167,[0,0,0]],[1692803168,[0,0,0]],[1692803169,[0,0,0]],[1692803170,[0,0,0]],[1692803171,[0,0,0]],[1692803172,[1,0,1]],[1692803173,[0,0,0]],[1692803174,[1,0,1]],[1692803175,[1,0,1]],[1692803176,[0,0,0]],[1692803177,[0,0,0]],[1692803178,[0,0,0]],[1692803179,[0,0,0]],[1692803180,[0,0,0]],[1692803181,[0,0,0]],[1692803182,[0,0,0]],[1692803183,[0,0,0]],[1692803184,[1,0,1]],[1692803185,[0,0,0]],[1692803186,[0,0,0]],[1692803187,[1,0,1]],[1692803188,[0,0,0]],[1692803189,[0,0,0]],[1692803190,[0,0,0]],[1692803191,[0,0,0]],[1692803192,[0,0,0]],[1692803193,[0,0,0]],[1692803194,[0,0,0]],[1692803195,[0,0,0]],[1692803196,[0,0,0]],[1692803197,[0,0,0]],[1692803198,[0,0,0]],[1692803199,[0,0,0]],[1692803200,[1,0,1]],[1692803201,[0,0,0]],[1692803202,[0,0,0]],[1692803203,[0,0,0]],[1692803204,[0,0,0]],[1692803205,[0,0,0]],[1692803206,[0,0,0]],[1692803207,[0,0,0]],[1692803208,[0,0,0]],[1692803209,[0,0,0]],[1692803210,[0,0,0]],[1692803211,[0,0,0]],[1692803212,[0,0,0]],[1692803213,[1,0,1]],[1692803214,[0,0,0]],[1692803215,[1,0,1]],[1692803216,[0,0,0]],[1692803217,[0,0,0]],[1692803218,[0,0,0]],[1692803219,[0,0,0]],[1692803220,[0,0,0]],[1692803221,[1,0,1]],[1692803222,[0,0,0]],[1692803223,[0,0,0]],[1692803224,[0,0,0]],[1692803225,[0,0,0]],[1692803226,[0,0,0]],[1692803227,[0,0,0]],[1692803228,[0,0,0]],[1692803229,[0,0,0]],[1692803230,[0,0,0]],[1692803231,[0,0,0]],[1692803232,[1,0,1]],[1692803233,[0,0,0]],[1692803234,[1,0,1]],[1692803235,[0,0,0]],[1692803236,[0,0,0]],[1692803237,[0,0,0]],[1692803238,[1,0,1]],[1692803239,[0,0,0]],[1692803240,[0,0,0]],[1692803241,[0,0,0]],[1692803242,[0,0,0]],[1692803243,[0,0,0]],[1692803244,[0,0,0]],[1692803245,[1,0,1]],[1692803246,[0,0,0]],[1692803247,[0,0,0]],[1692803248,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692803043,[0,0,0]],[1692803044,[0,0,0]],[1692803045,[0,0,0]],[1692803046,[0,0,0]],[1692803047,[0,0,0]],[1692803048,[0,0,0]],[1692803049,[0,0,0]],[1692803050,[0,0,0]],[1692803051,[0,0,0]],[1692803052,[0,0,0]],[1692803053,[0,0,0]],[1692803054,[0,0,0]],[1692803055,[0,0,0]],[1692803056,[0,0,0]],[1692803057,[0,0,0]],[1692803058,[0,0,0]],[1692803059,[0,0,0]],[1692803060,[0,0,0]],[1692803061,[0,0,0]],[1692803062,[0,0,0]],[1692803063,[0,0,0]],[1692803064,[0,0,0]],[1692803065,[0,0,0]],[1692803066,[0,0,0]],[1692803067,[1,0,1]],[1692803068,[0,0,0]],[1692803069,[0,0,0]],[1692803070,[0,0,0]],[1692803071,[0,0,0]],[1692803072,[0,0,0]],[1692803073,[0,0,0]],[1692803074,[0,0,0]],[1692803075,[0,0,0]],[1692803076,[0,0,0]],[1692803077,[1,0,1]],[1692803078,[0,0,0]],[1692803079,[1,0,1]],[1692803080,[0,0,0]],[1692803081,[0,0,0]],[1692803082,[0,0,0]],[1692803083,[0,0,0]],[1692803084,[0,0,0]],[1692803085,[0,0,0]],[1692803086,[0,0,0]],[1692803087,[0,0,0]],[1692803088,[0,0,0]],[1692803089,[1,0,1]],[1692803090,[1,0,1]],[1692803091,[0,0,0]],[1692803092,[0,0,0]],[1692803093,[0,0,0]],[1692803094,[0,0,0]],[1692803095,[0,0,0]],[1692803096,[0,0,0]],[1692803097,[0,0,0]],[1692803098,[0,0,0]],[1692803099,[0,0,0]],[1692803100,[0,0,0]],[1692803101,[1,0,1]],[1692803102,[0,0,0]],[1692803103,[1,0,1]],[1692803104,[0,0,0]],[1692803105,[0,0,0]],[1692803106,[0,0,0]],[1692803107,[0,0,0]],[1692803108,[0,0,0]],[1692803109,[0,0,0]],[1692803110,[0,0,0]],[1692803111,[0,0,0]],[1692803112,[0,0,0]],[1692803113,[1,0,1]],[1692803114,[1,0,1]],[1692803115,[0,0,0]],[1692803116,[0,0,0]],[1692803117,[0,0,0]],[1692803118,[0,0,0]],[1692803119,[0,0,0]],[1692803120,[0,0,0]],[1692803121,[0,0,0]],[1692803122,[0,0,0]],[1692803123,[0,0,0]],[1692803124,[0,0,0]],[1692803125,[1,0,1]],[1692803126,[0,0,0]],[1692803127,[0,0,0]],[1692803128,[0,0,0]],[1692803129,[0,0,0]],[1692803130,[0,0,0]],[1692803131,[0,0,0]],[1692803132,[0,0,0]],[1692803133,[0,0,0]],[1692803134,[0,0,0]],[1692803135,[0,0,0]],[1692803136,[0,0,0]],[1692803137,[1,0,1]],[1692803138,[0,0,0]],[1692803139,[0,0,0]],[1692803140,[0,0,0]],[1692803141,[0,0,0]],[1692803142,[0,0,0]],[1692803143,[0,0,0]],[1692803144,[0,0,0]],[1692803145,[0,0,0]],[1692803146,[0,0,0]],[1692803147,[0,0,0]],[1692803148,[1,0,1]],[1692803149,[1,0,1]],[1692803150,[0,0,0]],[1692803151,[0,0,0]],[1692803152,[0,0,0]],[1692803153,[0,0,0]],[1692803154,[0,0,0]],[1692803155,[0,0,0]],[1692803156,[0,0,0]],[1692803157,[0,0,0]],[1692803158,[0,0,0]],[1692803159,[0,0,0]],[1692803160,[1,0,1]],[1692803161,[0,0,0]],[1692803162,[0,0,0]],[1692803163,[1,0,1]],[1692803164,[0,0,0]],[1692803165,[0,0,0]],[1692803166,[0,0,0]],[1692803167,[0,0,0]],[1692803168,[0,0,0]],[1692803169,[0,0,0]],[1692803170,[0,0,0]],[1692803171,[0,0,0]],[1692803172,[1,0,1]],[1692803173,[0,0,0]],[1692803174,[1,0,1]],[1692803175,[1,0,1]],[1692803176,[0,0,0]],[1692803177,[0,0,0]],[1692803178,[0,0,0]],[1692803179,[0,0,0]],[1692803180,[0,0,0]],[1692803181,[0,0,0]],[1692803182,[0,0,0]],[1692803183,[0,0,0]],[1692803184,[1,0,1]],[1692803185,[0,0,0]],[1692803186,[0,0,0]],[1692803187,[1,0,1]],[1692803188,[0,0,0]],[1692803189,[0,0,0]],[1692803190,[0,0,0]],[1692803191,[0,0,0]],[1692803192,[0,0,0]],[1692803193,[0,0,0]],[1692803194,[0,0,0]],[1692803195,[0,0,0]],[1692803196,[0,0,0]],[1692803197,[0,0,0]],[1692803198,[0,0,0]],[1692803199,[0,0,0]],[1692803200,[1,0,1]],[1692803201,[0,0,0]],[1692803202,[0,0,0]],[1692803203,[0,0,0]],[1692803204,[0,0,0]],[1692803205,[0,0,0]],[1692803206,[0,0,0]],[1692803207,[0,0,0]],[1692803208,[0,0,0]],[1692803209,[0,0,0]],[1692803210,[0,0,0]],[1692803211,[0,0,0]],[1692803212,[0,0,0]],[1692803213,[0,0,0]],[1692803214,[0,0,0]],[1692803215,[0,0,0]],[1692803216,[0,0,0]],[1692803217,[1,0,1]],[1692803218,[0,0,0]],[1692803219,[0,0,0]],[1692803220,[1,0,1]],[1692803221,[0,0,0]],[1692803222,[0,0,0]],[1692803223,[0,0,0]],[1692803224,[1,0,1]],[1692803225,[0,0,0]],[1692803226,[0,0,0]],[1692803227,[0,0,0]],[1692803228,[0,0,0]],[1692803229,[0,0,0]],[1692803230,[0,0,0]],[1692803231,[0,0,0]],[1692803232,[1,0,1]],[1692803233,[0,0,0]],[1692803234,[1,0,1]],[1692803235,[0,0,0]],[1692803236,[0,0,0]],[1692803237,[0,0,0]],[1692803238,[1,0,1]],[1692803239,[0,0,0]],[1692803240,[0,0,0]],[1692803241,[0,0,0]],[1692803242,[0,0,0]],[1692803243,[0,0,0]],[1692803244,[0,0,0]],[1692803245,[0,0,0]],[1692803246,[1,0,1]],[1692803247,[0,0,0]],[1692803248,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 28.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[9,1],[56,65],[63,1],[103,1],[106,1],[151,1],[159,1],[200,1],[203,1],[248,1],[297,1],[340,0],[343,0],[388,2],[397,1014],[437,1],[444,2],[449,0],[482,0],[498,1],[549,1],[600,3630],[609,4273],[630,2795],[677,84],[684,311],[701,113],[729,598]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
